*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    font-family: 微软雅黑,Arial;
}
.container{
    display: flex;
}
nav{
    font-size: 15px;
    padding: 0;
}
nav .logo img{
    width: 174px;
}
nav .logo{
    padding-right: 342px;
}
/*主体第一部分*/
section .main-top{
    width: 100%;
}
section .container{
    flex-wrap: wrap;
}
.mt-title{
    text-align: center;
}
.main-top .mt-title a,.mco-title a,.mct-title a,.mb-title a{
    text-align: center;
    position: relative;
    color: #333;
    text-decoration: none;
}
.main-top .mt-title a,.mco-title a:hover,.mct-title a:hover,.mb-title a:hover{
    text-decoration: none;
}
.main-top .mt-title a span,.mco-title a span,.mct-title a span,.mb-title a span{
    font-size: 26px;
    vertical-align: middle;
}
.main-top .mt-title a span:hover,.mco-title a span:hover,.mct-title a span:hover,.mb-title a span:hover{
    color: #0e90d2;
}
.main-top .mt-title a p,.mco-title a p,.mct-title a p,.mb-title a p{
    font-size: 17px;
    color: #999;
}
.mt-title a p:nth-of-type(1){
    text-align: center;
}
.mt-title a p:nth-of-type(2){
    color: #999;
}
.mt-cont .sot{
    text-align: center;
}
.mt-cont .sot img{
    border: 15px #f1f1f1 solid;
}
.mt-cont .sot-txt{
    text-align: center;
}
.mt-cont .sot-txt span{
    font-size: 18px;
    display: inline-block;
    color: #333;
}
.mt-cont .sot-txt p{
    font-size: 13px;
    color: #555;
}
/*主体第二部分*/
.main-con-one{
    width: 100%;
}
.mco-title{
    text-align: center;
    background-color: #efeeec;
}
.mco-img .row{
    width: 100%;
    margin: 0;
}
.mco-img .col-md-3{
    padding: 0;
    width: 100%;
}
.mco-img img{
    width: 100%;
}
.more{
    background-color: #128abe;
    padding: 20px 55px;
}
.more .lef{
    color: #fff;
}
.more .lef span{
    font-size: 20px;
    display: inline-block;
    padding-bottom: 4px;
}
.more .lef p{
    font-size: 18px;
}

.more .rig{
    padding-top:16px;
    text-align: right;
}
.more .rig a button:hover{
    background-color: #fff;
    color: #0086da;
}
.more .rig button{
    padding: 7px 10px;
    background-color: #128abe;
    border: 2px #fff solid;
    font-size: 13px;
    border-radius: 3px;
    transition: 0.5s;
    color: #fff;
}
/*主体第三部分*/
.main-con-two{
}
.mct-title{
    width: 100%;
    text-align: center;
}
.mct-cont{
    display: flex;
}
.mct-cont .row{
    padding: 40px 0;
}
.mct-cont .col-md-6{
    display: flex;
}
.mct-cont .lef img{
    width: 87%;
}
.mct-cont .lef{
    width: 42%;
}
.mct-cont .rig{
    width: 58%;
}
.mct-cont .rig a{
    color: #333;
}
.mct-cont .rig a:hover{
    color: #0e90d2;
    text-decoration: none;
}
.mct-cont .rig span{
    font-size: 18px;
    display: inline-block;
}
.mct-cont .rig .time,.mct-cont .rig .new-work{
    font-size: 14px;
}
/*主体第四部分*/
.main-bot{
    background-color: #efeeec;
}
.mb-title{
    width: 100%;
    text-align: center;
}
.mb-list ul{
    display: flex;
}
.mb-list ul li{
    list-style: none;

}
.mb-list ul li img{
    width: 150px;
}
/*底部部分*/
footer {
    background: url(../img/footer.png);
    background-size: 100% 100%;
}

footer .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

footer h4,
footer p {
    color: #FFFFFF;
}

footer h4 {
    margin-bottom: 30px;
}

footer p i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/phone.png) no-repeat;
    position: relative;
    top: 3px;
}

footer p:last-child {
    font-size: 20px;
}

footer ul li {
    float: left;
    list-style-type:none;
    margin-right: 20px;
}

footer ul li a {
    color: #FFFFFF;
    font-size: 12px;
}

footer ul li:hover a {
    color: #FFFFFF;
}








@media (max-width:600px) {
    nav .logo{
        padding-right: 0;
    }
    .mco-img .col-md-3{
        padding: 0;
    }
    .more{
        padding:15px;
    }
    .more .lef{
        display: none;
    }
    .more .rig{
        padding: 0;
    }
    .mct-cont .lef img{
        width: 100%;
        padding-bottom: 40px;
    }
    .mct-cont .col-md-6{
        flex-wrap: wrap;
    }
    .mb-list ul li img{
        width: 100%;
    }
}
